<template>
	<view class="search_wrapper">
		<view class="search_header">
			<u--input v-model="searchKeyword" placeholder="请输入您要搜索的内容" border="surround"></u--input>
			<u--text type="error" class="searchBtn" text="搜索" @click="search"></u--text>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
		    return {
				searchKeyword: '',
		    };
		},
		created() {
			
		},
		methods: {
			search(){
				uni.$emit('sendSearchKeyword',this.searchKeyword);
				uni.navigateBack();
			}
		} 
	}
</script>

<style lang="scss" scoped>
.search_wrapper{
	.search_header{
		width: 100%;
		padding: 10px 60px 10px 10px;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		position: relative;
		.searchBtn{
			width: 40px;
			line-height: 38px;
			position: absolute;
			right: 10px;
			top: 10px;
		}
	}
}
</style>
